<template>
  <BaseModal ref="modalRef" @on-modal-cancel="modalCancel" @on-modal-ok="modalOK">
    <template #titleArea>项目文件柜</template>
    <template #contentArea>
      <XTModuleFileCabinet></XTModuleFileCabinet>
    </template>
  </BaseModal>
</template>

<script setup lang="ts">
import BaseModal from "@/components/Basics/BaseModal.vue"
import XTModuleFileCabinet from "@/components/Business/XTModuleFileCabinet.vue"
const modalRef = ref()
const showModal = (): void => {
  modalRef.value.setOpen()
}
const modalOK = () => {
  modalRef.value.setCloes()
}
const modalCancel = () => {
  modalRef.value.setCloes()
}
defineExpose({
  showModal,
})
onMounted(() => {
  // console.log(prop.btnList)
})
</script>
<style scoped lang="less">
.contents-list {
  flex: 1 1 50%;
  padding: 0 10px;
  border-right: 1px solid #e8e8e8;
  .layout-checklist__title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.47;
  }
  .layout-checklist-list {
    // overflow-y: scroll;
    max-height: 40vh;
    &::-webkit-scrollbar {
      width: 0;
    }
  }
}
.contents-checked {
  flex: 1 1 50%;
  padding: 0px 10px;
  .layout-checklist__title {
    .layout-checklist__title_span {
      color: #909090;
    }
  }
  .layout-checklist-list {
    // overflow-y: scroll;
    max-height: 40vh;

    &::-webkit-scrollbar {
      width: 0;
    }
  }
}
</style>
<style scoped>
:deep(.ant-checkbox-wrapper) {
  display: flex;
  margin-left: 0;
}
</style>
